
body{
	height: 100%;
	color:#566481;
}
.modal_in .modal-header{
	padding:15px;
}
/* .mainContainer{
	animation-duration: 800ms;
    position: relative;
    animation-fill-mode: both;
	z-index: 10;
	height: 100%;
	 text-align: center
}
.mainContainer:before{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: "";
}
   */

.form-group {
    margin-bottom: 25px;
	position: relative;
}
.form-group .help-msg {
  margin-bottom: 0;
  position: absolute;
  left: 10px;
  margin: 0;
  font-size:12px;
	width:100%;
}

.form-group.last {
    margin-bottom: 0;
}

.brand {
  display: block;
  text-align: center;
}
.brand img {
	max-width:300px;
	max-height:300px;
}
 .main-title {
   font-size:24px;
    margin: 11px 0;
    color: #000;
}
span.spacer{
	margin:0 5px;
	color:#eee;
}
.seccode-wrapper{
	text-align:left;
}
p.error-msg{
	text-align:left;
	margin:20px 0;
}

@media (max-width: 420px){
  .mainContainer:before{
		display:none;
    }
	.modal-content{
		margin:15px;
	}
 .loginForm {
    width: auto;
  }
}